<?xml version="1.0" encoding="ISO-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:pe="http://primefaces.org/ui/extensions"
	xmlns:p="http://primefaces.org/ui">
<f:view contentType="text/html">	
	
<h:head>
	<title>Grupo 1</title>
	<script type="text/javascript" src="#{request.contextPath}/js/funcoes.js" />	
	
	<link type="text/css" rel="stylesheet" href="#{request.contextPath}/css/estilos.css" />
	
	
	<script type="text/javascript">
	

		window.onload = function(){
		   var intervalo = setInterval("document.getElementById('idFormChat:idScrollPanel').scrollTop = 1000000;", 500);
		  
		}


	</script>
	
</h:head>

<h:body>

	

	<h:form id="idFormChat">
	
		<p:remoteCommand id="teste" name="teste" action="#{grupo1MB.removerUser}"  />
		<p:fieldset id="idFieldChat" toggleable="true" legend="#{loginMB.mensagem.user}, Bem vindo ao Grupo 1" >
	
		<p:scrollPanel id="idScrollPanel" style="width:600px;height:600px" mode="native">  
    		<p:dataGrid id="idDataListMensagens" var="mensagem" value="#{grupo1MB.mensagens}" columns="1">  
        		<p:panel header="#{mensagem.dateSentString} - #{mensagem.user} diz:" style="text-align:left" rendered="#{mensagem.user == loginMB.mensagem.user}">  
            		 
            			<h:outputText value="#{mensagem.mensagem}" 
							rendered="#{mensagem.user == loginMB.mensagem.user}"
							style="font-size:15px; font-weigth: bolder;"/>
				 </p:panel>	
				 <p:panel header="#{mensagem.dateSentString} - #{mensagem.user} diz:" style="text-align:right" rendered="#{mensagem.user != loginMB.mensagem.user}">  
				 
						<h:outputText value="#{mensagem.mensagem}" 
							rendered="#{mensagem.user != loginMB.mensagem.user}"
							style="font-size:15px; font-weigth: bolder; color:red"/>	
            		
            		
            	 </p:panel>
            	 
            </p:dataGrid>
         </p:scrollPanel>
	
	
		
		
		<h:panelGrid columns="5">
		
			<p:poll interval="1"  listener="#{grupo1MB.updateMessages}" update="idDataListMensagens" />  
		
	  		<h:outputText value="Mensagem:" />
	 		<p:inputText id="idInputTextMsg" value="#{grupo1MB.mensagem.mensagem}" style=" width:350px; " >
	 			<p:focus />
	 		</p:inputText>
	 		
		
			<p:commandButton id="idBotaoEnviarMsg" value="Enviar"  action="#{grupo1MB.enviarMensagem}" update="idInputTextMsg"/>
			<p:hotkey bind="return" />	
				
			<pe:resetInput for="idInputTextMsg"/> 	
			
			
		</h:panelGrid>

		

		
		</p:fieldset>
	</h:form>
	
	
</h:body>
</f:view>
</html>
